<div class="tree-edit-wrap">
  <nz-tree #treeCom [nzData]="nodesList" (nzClick)="nzClick($event)" [nzExpandAll]="nzExpandAll">
    <ng-template #nzTreeTemplate let-node>
      <div class="custom-node" [id]="node.key" [class.active]="activedNode?.key===node.key">
        <span class="folder-name">
          {{node.title}}
        </span>
        <span class="folder-tools">
          <i nz-icon type="form" class="icon" title="编辑" (click)="edit(node)"></i>
          <nz-divider nzType="vertical"></nz-divider>
          <i nz-icon type="delete" class="icon" title="删除" (click)="showDeleteConfirm(node)"></i>
        </span>
      </div>
    </ng-template>
  </nz-tree>
</div>


<!-- 新增/编辑 -->
<nz-modal [(nzVisible)]="isAddEditModalVisible" [nzContent]="addModalContent" [nzWidth]="500" [nzMaskClosable]="false"
  (nzOnCancel)="isAddEditModalVisible=false" (nzOnOk)="submit()" [nzTitle]="nodeStauts==1?('新增'+ModalTitle): ('编辑'+ModalTitle)"
  [nzStyle]="{ top: '300px' }">
  <ng-template #addModalContent>
    <div nz-row>
      <label nz-col nzSpan="4" style="line-height: 32px">检查名</label>
      <input maxlength="50" nz-col nzSpan="20" id='EditInput' nz-input  (keyup)="keyupEvent($event)"  [(ngModel)]="addEditValue"
        style="width: 60%; margin-right:8px;" placeholder="请输入">
    </div>
  </ng-template>
</nz-modal>